<template>
    <div id="app">
        <common-header></common-header>
        <router-view />
        <common-footer></common-footer>
    </div>
</template>

<script>
    import commonHeader from "./layout/commonHeader.vue";
    import commonFooter from "./components/footer.vue";

    export default {
        name: "app",
        data() {
            return {};
        },
        components: {
            commonHeader,
            commonFooter,
        },
        created() {},
        mounted() {},
        methods: {},
    };
</script>

<style lang="scss">
    * {
        margin: 0;
        padding: 0;
    }

    body {
        background-color: #f5f5f5;
    }

    #app {
        width: 100%;
        height: auto;
    }
    
    a {
        text-decoration: none;
    }

    .container {
        display: flex;
        justify-content: center;
        padding: 0 288px;

        @media screen and (max-width:376px) {
            padding: 0rem;
        }
    }
</style>
